<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>捷豹英仕挑战赛</title> 
    <link rel="stylesheet" href="/Public/Home/css/swiper.min.css" />
    <link rel="stylesheet" href="/Public/Home/css/font.css" />
    <link rel="stylesheet" href="/Public/Home/css/info.css" />
    <script type="text/javascript" src="/Public/Home/js/jquery.min.js"></script> 
	<script type="text/javascript" src="/Public/Home/js/swiper.min.js"></script>
	<script src="/Public/Home/js/adaptUILayout.js"></script> 
	<script language="javascript">
		adaptUILayout.adapt(640);
	</script> 
</head>
<body>

<div class="swiper-container pcontainer" id="pcontainer">
	<div class="swiper-wrapper">
		<div class="swiper-slide info info1" style="background-image: url(/Public/Home/image/info/bg1.jpg)"> 
			<img class="info1_img" src="/Public/Home/image/info/logo.png" />
			<p class="info1_txt" >THE ART OF<br /><b>PERFORMANCE</b><br />TOUR</p>
			<p class="info1_title">捷豹英仕挑战赛<br />驭享性能美学<br /><span>赢英仕格调之旅</span></p>
			<img class="d_point" src="/Public/Home/image/info/p_down.png" />
		</div>
		<div class="swiper-slide info info2" style="background-image: url(/Public/Home/image/info/bg2.jpg)"> 
			<div class="info2_text"><span>英仕格调之旅</span><br />亲临英国参观捷豹总部<br />会见捷豹总设计师<br />体验赛道驾驶乐趣<br />零距离感受英伦魅力</div>
			<p class="info2_info">于活动现场参加互动挑战赢取积分以及幸运单项奖，<br />即有机会赢取专属限额捷豹英仕格调之旅！<br />（活动最终解释权归属捷豹中国）</p>
			<img class="d_point" src="/Public/Home/image/info/p_down.png" />
		</div>
		<div class="swiper-slide info" style="background-image: url(/Public/Home/image/info/bg3.jpg)">
			<div class="bmap">
				<h2>活动地点</h2>
				<div class="swiper-container scontainer">
					<div class="swiper-wrapper">
						<div class="swiper-slide" style="background-image: url(/Public/Home/image/info/map1.jpg)">
							<div id="mark"></div>
							<div id="map"><span>&times;</span></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

</body>
<script> 
var pin = 0;
$(function(){
	$('.pcontainer').height($(window).height());
	var pSwiper = new Swiper('#pcontainer',{
		direction : 'vertical',
		onTransitionStart: function(swiper){ 
	    	//console.log(swiper.isEnd);
			if(pin == 2&& swiper.isEnd){
				location.href = '/index.php/Home/Jaguar/game';
			}
			pin = swiper.activeIndex;
	    }
	});
	var sSwiper = new Swiper('.scontainer',{  });
	initpoint();	
});

function initpoint(){
	var ps = [/*{title:'北京',left:18,top:24,img:'bj.jpg',isStart:1},
				{title:'石家庄',left:9,top:32,img:'sjz.jpg',isStart:1},
				{title:'佛山',left:3,top:92,img:'fs.jpg',isStart:1},
				{title:'天津',left:32,top:32,img:'tj.jpg',isStart:1},
				{title:'广州',left:13,top:85,img:'gz.jpg',isStart:1},
				{title:'哈尔滨',left:59,top:2,img:'hrb.jpg',isStart:1},
				{title:'长春',left:63,top:12,img:'cc.jpg',isStart:1},
				{title:'福州',left:38,top:77,img:'fz.jpg',isStart:1},
				{title:'泉州',left:37,top:84,img:'qz.jpg',isStart:1},			
				{title:'东莞',left:22,top:88,img:'dg.jpg',isStart:1},
				{title:'大连',left:50,top:32,img:'dl.jpg',isStart:1}
				{title:'台州',left:77,top:67,img:'tz.jpg',isStart:1},
				{title:'温州',left:75,top:71,img:'wz.jpg',isStart:1},
				{title:'沈阳',left:71,top:16,img:'sy.jpg',isStart:1},
				{title:'宁波',left:72,top:58,img:'nb.jpg',isStart:1},
				{title:'昆明',left:5,top:79,img:'km.jpg',isStart:1},
				{title:'绍兴',left:51,top:64,img:'sx.jpg',isStart:1},
				{title:'杭州',left:50,top:60,img:'hz.jpg',isStart:1},
				{title:'重庆',left:8,top:63,img:'cq.jpg',isStart:1},
				{title:'嘉兴',left:65,top:55,img:'jx.jpg',isStart:1},
				{title:'苏州',left:75,top:49,img:'sz.jpg',isStart:1},
				{title:'郑州',left:37,top:31,img:'zz.jpg',isStart:1},
				{title:'长沙',left:31,top:64,img:'cs.jpg',isStart:1},				
				{title:'南京',left:64,top:40,img:'nj.jpg',isStart:1},
				{title:'无锡',left:67,top:50,img:'wx.jpg',isStart:1},
				{title:'成都',left:0,top:52,img:'cd.jpg',isStart:1},
				{title:'太原',left:40,top:21,img:'ty.jpg',isStart:1},
				{title:'成都',left:75,top:46,img:'cz.jpg',isStart:1},
				{title:'金华',left:72,top:61,img:'jh.jpg',isStart:1},
				{title:'合肥',left:48,top:46,img:'hf.jpg',isStart:1}*/
				{title:'厦门',left:80,top:76,img:'xm.jpg',isStart:1},
				{title:'徐州',left:73,top:33,img:'xz.jpg',isStart:1},
				{title:'深圳',left:61,top:88,img:'sz.jpg',isStart:1},
				{title:'青岛',left:85,top:25,img:'qd.jpg',isStart:1},
				{title:'济南',left:63,top:24,img:'jn.jpg',isStart:1},
				{title:'成都',left:6,top:52,img:'cd.jpg',isStart:1}
				
	];
	$.each(ps,function(i,d){
		var html = '<u title="'+d.title+'" isStart="'+d.isStart+'" style="top: '+d.top+'%;left: '+d.left+'%;" img="'+d.img+'"></u>';
		$('#mark').append(html);
	});
	$('#mark u').unbind('click').click(function(){
		if($(this).attr('isStart')!=1){ return false; }
		$('#map').css('background-image','url(/Public/Home/image/info/map/'+$(this).attr('img')+')');
		$('#map').fadeIn(function(){
			$('#map').unbind('click').click(function(){
				$('#map').fadeOut();
			});
		});
	});
}
</script>
</html>